﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ko" xml:lang="ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>서울시 정책지도</title>
<link type="text/css" rel="stylesheet" href="css/reset.css"/>
<link type="text/css" rel="stylesheet" href="css/map.css"/>
<script type="text/javascript" src="lib/jquery/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="lib/proj4js/proj4js-compressed.js"></script>
<script type="text/javascript" src="lib/proj4js/defs/ginno.js"></script>
<script type="text/javascript" src="lib/OpenLayers/OpenLayers.Compressed.js"></script>
<script type="text/javascript" src="lib/OpenLayers/OpenLayers.Layer.Daum.js"></script>
<script type="text/javascript" src="lib/OpenLayers/OpenLayers.Layer.Naver.js"></script>
<script type="text/javascript" src="lib/OpenLayers/OpenLayers.Layer.NaverSatellite.js"></script>
<script type="text/javascript" src="lib/OpenLayers/OpenLayers.Layer.NaverStreet.js"></script>
<script type="text/javascript" src="lib/OpenLayers/OpenLayers.Layer.Vworld.js"></script>
<script type="text/javascript" src="lib/OpenLayers/OpenLayers.Layer.VWorldHybrid.js"></script>
<script type="text/javascript" src="lib/OpenLayers/OpenLayers.Layer.VWorldSatellite.js"></script>
<script type="text/javascript" src="lib/OpenLayers/OpenLayers.Layer.VWorldStreet.js"></script>
<script type="text/javascript" src="lib/gmap/GMap.js"></script>
<script type="text/javascript" src="lib/gmap/lib/GMapParams.js"></script>
<script type="text/javascript" src="lib/gmap/lib/GGetFeatureParams.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/map/map.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	ginnoMap('map','WMS');
	
});


/* test */
function fn_zoom(zoom){
	
	if(zoom == 'zoomIn'){
		gMap.activeControls(zoom);
	}else if(zoom == 'zoomOut'){
		gMap.activeControls(zoom);
	}else if(zoom == 'next'){
		gMap.activeControls(zoom);
	}else if(zoom=='measurePath'){
		gMap.activeControls(zoom);
	}
};
function fn_controls(){
	gMap.zoomToMaxExtent();
};
</script>
</head>
<!-- ddddddddddddddd -->

<!-- kdkdkdkdk -->
<body> 
	<div id="wrap">
		<!-- header start -->
		<div id="header">
            <!-- <img src="images/map/logo.png" alt="함께서울 - 정책지도 갤러리" class="logo"/>  -->
			<div class="logo" style="background-color : white; height : 30px; right : 20px;"><span style="text-align : center;"><h1 style="font-weight : bold; font-size : 24px;">GMap 지도 서비스</h1></span></div>
            <span class="mapTitle">기본지도</span>
            <p class="mapbt">
                <a href="#"><img src="images/map/btn_selmap01_on.png" alt="" /></a>
				<a href="#"><img src="images/map/btn_selmap02_off.png" alt="" /></a>
            </p>

		</div>
		<!-- header end  -->
		
		<!-- container start -->
		<div id="container">
            <h2 class="hidden">본문컨텐츠-지도</h2>
			
            <h2 class="hidden">메인메뉴</h2>
            <div id="left" style="z-index : 1000;"> 
                <div class="leftBtArea">
                    <a href="#" id="leftCloseBt"  onclick="leftClose()"><img src="images/map/btn_leftclose.gif" alt="닫기" /></a>
                    <a href="#" class="hidden" id="leftOpenBt" onclick="leftOpen()"><img src="images/map/btn_leftclose.gif" alt="열기" /></a>
                </div>       
                <div class="leftCont">
					<div class="leftsch">
                        <input type="text" class="iptxt" style="width:190px"/>
                        <a href="#"><img src="images/map/btn_opt_sch.gif" alt="검색" /></a>
                    </div>
                    <div class="mt10">
                        <h2 class="leftresultTit"><span class="btxt">검색 </span>결과 <span class="num"><strong>20</strong> 건</span></h2>
                        <div class="resultBx">
                            <ul class="leftresult">
                                <li>서울시청</li>
                                
                            </ul>
                        </div>                      
                    </div>
				</div>

            </div>
            <!-- //cont -->
            <!--  지도영역 -->
            <div id="map">
			    
			    <div class="map_scale" style="z-index : 1000;">
				    <a href="#" class="plus" onclick="fn_zoom('zoomIn')"><img src="images/map/btn_plus.png" alt="확대" /></a>
                    <div class="pbx"><a href="#" class="pointer"><img src="images/map/btn_bpoint.png" alt="축소" /></a></div>
                    <a href="#" class="minus" onclick="fn_zoom('zoomOut')"><img src="images/map/btn_minus.png" alt="축소"  /></a>
			    </div>
					
			    <ul class="map_control" style="z-index : 1000;">
				    <li><a href="#" onclick="fn_zoom('measurePath')" ><img src="images/map/map_control01.png" alt="거리" /></a></li>
				    <li><a href="#"><img src="images/map/map_control02.png" alt="면적" /></a></li>
                    <li><a href="#"><img src="images/map/map_control05.png" alt="정보" /></a></li>
				    <li><a href="#"><img src="images/map/map_control03.png" alt="인쇄" /></a></li>
				    <li><a href="#" onclick="fn_controls()"><img src="images/map/map_control04.png" alt="초기화" /></a></li>
			    </ul>

                <div class="index" style="z-index : 1000;">
                    <div class="btArea">
                        <a href="#" id="indexOffBt"  onclick="indexClose()"><img src="images/map/index_on.png" alt="닫기" /></a>
                        <a href="#" class="hidden" id="indexOnBt" onclick="indexOpen()"><img src="images/map/index_off.png" alt="열기" /></a>
                    </div> 
                    <div class="indexmap">
                        <div class="mapArea"></div>
                        <select style="width:161px">
							<option>1:5000</option>
							<option>1:1000</option>
							<option>1:5000</option>
							<option>1:10000</option>
							<option>1:20000</option>
							<option>1:50000</option>
						</select>
                    </div> 
                </div>

                <div class="layer" style="z-index : 1000;">
                    <div class="btArea">
                        <a href="#" id="layerOffBt"  onclick="layerClose()"><img src="images/map/layer_on.png" alt="닫기" /></a>
                        <a href="#" class="hidden" id="layerOnBt" onclick="layerOpen()"><img src="images/map/layer_off.png" alt="열기" /></a>
                    </div> 
                    <div class="layerbx">
                        <h2>레이어</h2>
                        <div class="layerlst">
							레이어 트리
                        </div>
                    </div> 
                </div>
            </div><!-- //map -->
			
		</div>
		<!-- container end -->
	</div>
	<!-- wrap end -->
	에러유발 얍!ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
	bb
</body>
</html>
